import Vue from 'vue';
import countTo from '@/components/count-to'
import CsPage from '@/components/CsPage.vue'

export default  {
  // 安装插件
  install: (Vue) => {
    
    // 函数式组件
    Vue.component('count-to', countTo);
    Vue.component('CsPage', CsPage);
  }
}


/**
 * 全局过滤器【全局API】
 * @use <div >{{'text' | msgFormat}}</div>
 *      <div :desc="'概要信息' | msgFormat"></div>
 */
Vue.filter('msgFormat', msg => {
  return '这是过滤器转换的结果';
});

/**
 * 全局指令【全局API】
 * @use <p v-white>这个背景是自定义指令渲染出来的{{name |parseName}}</p>
 */
Vue.directive('white', {
  inserted(el) {
    el.style.color = '#ffffff';
  }
});


/**
 * 全局组件【全局API】
 */
// Vue.component('my-component', {});